<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            Order Details
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
            <table class="table table-striped">
                  <tr>
                          <th >Item</th>
                          <th >SKU</th>
                          <th >Quantity</th>
                          <th >Price</th>
                          <th >Subtotal</th>
                  </tr>
                   <?php 
                    $id=getFormValue('id');
                    $repository=BO::getOrderBORepository() ;
                    $orderBO=$repository->getOrderBO($id);
                    $plis=$orderBO->getPLIs();
                    foreach($plis as $key => $pli)
                    {
                   ?>
                   <tr>
                        <td><?php echo $pli->name ?></td>
                        <td><?php echo $pli->sku ?></td>
                        <td><?php echo $pli->qty ?></td>
                        <td><?php echo $pli->price_per ?></td>
                        <td ><?php echo $pli->total ?></td>
                   </tr>
                   <?php 
                   }
                   ?>
          <tr>
                  <td colspan="3"> </td><th >Shipping &amp; Handling</th>
                  <td ><?php echo $orderBO->shipping ?></td>
          </tr>
          <tr>
                  <td colspan="3"> </td><th >Total</th>
                  <td ><?php echo $orderBO->total ?></td>
          </tr>
          </table>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingTwo">
      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Customer Details
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="panel-body">
                 <div class="table-responsive">
				<table class="table table-striped">
				  <thead>
					<tr>
					  <th>Name</th>
					  <th>email</th>
					  <th>phone</th>
					  <th>Address</th>
					  <th>Action</th>
					</tr>
				  </thead>
				  <tbody>
					<?php $customerBO=$orderBO->getCustomerBO(); ?>
					<tr>
					  <td><?php echo $customerBO->getName();?></td>
					  <td><?php echo $customerBO->getEmail();?></td>
					  <td><?php echo $customerBO->getPhone();?></td>
					  <td><?php echo $customerBO->getAddress();?></td>
					  <td>
						<div class="btn-group">
						 <a href="dispatch.php?target=customer-edit&id=<?php echo $customerBO->getID()?>"  class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></a>
						  
						</div>
					  </td>	
					</tr>
					
				  </tbody>
				</table>
		</div>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingThree">
      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Shipping and Payment Details
        </a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="panel-body">
        
      </div>
    </div>
  </div>
</div>